<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="pt-BR">

  <head>

    <meta charset="UTF-8">

    <title>Dashboard</title>
    
    <!-- JAVASCRIPT -->
    
    <!-- libraries -->
    <script src="recursos/libraries/jquery-2.1.1.min.js"></script>
    <!-- custom scripts -->
    <script src="recursos/scripts/script.js"></script>
    
    
    <!-- CSS -->
    
    <!-- main -->
    <link href="recursos/css/principal.css" rel="stylesheet">
    <link href="recursos/css/hint.min.css" rel="stylesheet">
    <!-- sections -->
    <link href="recursos/css/form.gui.css" rel="stylesheet">
    <link href="recursos/css/form_salas.css" rel="stylesheet">
    <!-- ... -->

  </head>

  <body>
    
    <%@include file="header.jsp"%>
    <%@include file="side-nav.jsp"%>
    
    <!-- CONTENT -->
    <div class="wrapper">
        
      <section class="content">
        <form id="nova_sala">
            
	  <fieldset>
            <legend>[+] Nova Sala</legend>
              <header>
                <input name="numero" type="number" id="numero_sala" placeholder="Número" required />
		<input type="text" name="nome" id="nome_sala" placeholder="Nome da Sala" required />
              </header>
			  
              <label for="quantidade_lugares">Quantidade de Lugares:</label>
              <input name="quantidade_lugares" type="number" id="quantidade_lugares_sala" required />

              <label for="tamanho_tela">Tamanho da Tela:</label>
              <input type="number" id="tamanho_tela_sala" name="tamanho_tela" required />

              <label for="tipo_sala">Tipo de Sala:</label>
                <select name="tipo_sala" id="tipo_sala" required >
		  <option value="">Selecione</option>
		  <option value="normal">Normal</option>
		  <option value="3d">3D</option>
		  <option value="imax">IMAX</option>
		</select>
			  
		<label for="acessibilidade">Acessibilidade:</label>
		<input type="radio" name="acessibilidade" id="acessibilidade_sala" value="sim" required /><span>Sim</span><br>
		<input type="radio" name="acessibilidade" id="acessibilidade_sala" value="nao" required /><span>Não</span>
			  
		<input type="submit" value="Confirmar" id="confirmar_filme" class="btn-submit" required />
		<input type="button" value="Limpar" id="limpar_sala" class="btn-clear" />
			  
              </fieldset>
            </form>
          
          </section><!-- content -->
            
        </div><!-- wrapper -->
        
      </body>
  
</html>